<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>内容-18001010319-方弘轩</title>
    <link rel="stylesheet" href="./comment/iconfont.css">
    <link rel="stylesheet" href="./myicon/iconfont.css">
    <link rel="stylesheet" href="./swiper-bundle.min.css">
    <link rel="stylesheet" href="./color-icon.css">
    <style>
        body {
            position: relative;   
            min-width: 320px;        
        }
        body,h2,div,span,ul,li,p,hr,h6 {
            padding: 0;
            margin: 0;
        }
        ul {
            display: inline-block;
        }
        li{
            padding: 0;
            margin: 0;
            list-style: none;
        }
        a {
            text-decoration: none;
        }
        #nav {
            position: fixed;
            top: 0;
            width: 100%;
            height: 45px;
            background-color: #fff;
            z-index: 3;
        }
        #box {
            height: 1600px;
            width: 100%;
            background-color:  rgb(238, 234, 234);

        }
        #dnav{
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 50px;
            background-color: #fff;
            border-top: 1px solid #ccc;   

        }

        .iconfont {
            width:5%;
            margin-left: 5px;
        }
        .sou {
            position: fixed;
            right: 40px;
            top: 13px;
            z-index: 1;
            display: none;
        }
        .gd {
            position: fixed;
            right: 15px;
            top: 13px;
            z-index: 1;
        }
        .jt {
            position: fixed;
            left: 10px;
            top: 13px;
            z-index: 1;
        }
        .main {
            position: fixed;
            left: 50px;
            z-index: 1;

            display: inline-block;
            width: 60vw;
            height: 35px;
            line-height: 30px;
        }
        .xhd {
            position: fixed;
            top: 10px;
            right: 10vw;
            /* display: none; */
            font-size: 16px;
            color: blue;
            font-weight: bold;
            z-index: 1;
        }
        .main>li {
            height: 17px;
        }
        .title {
            font-size: 14px;
            font-weight: bold;
        }
        .xz {
            font-size: 8px;
            color: #ccc;
        }
        .ic {
            display: inline-block;
        }
        .ic1{
            height: 30px;
            width: 120px;
            font-size: 10px;
            color: blueviolet;
            line-height: 30px;
            background-color: rgb(204, 204, 248);
            border-radius: 20px;
            margin-left: 10px;
            margin-top: 10px;
        }
        .zan {
            position: fixed;
            bottom: 2vw;
            right: 25vw;
            
        }
        .sc{
            position: fixed;
            bottom: 2vw;
            right: 15vw;
        }
        .pl {
            position: fixed;
            bottom: 2vw;
            right: 6vw;
        }
        .ic>h6{
            font-size: 10px;
            color: #ccc;
            font-weight: normal;
        }
        .title{
            width: 100%;
            height: 135px;
            background-color: #fff;
        }
        .title span {
            font-size: 13px;
            font-weight: bold;
            color: blue;
        }
        .p1 {
            font-size: 18px;
            font-weight: bold;
            text-indent: 7px;
            height: 50px;
        }
        .p2{
            font-style: 13px;
            font-weight: bold;
            color: #ccc;
            text-indent: 7px;
        }
        .hd {
            display: flex;
            justify-content: flex-end;
            justify-content: space-around ;
            /* justify-content: center; */
            align-items: center;
        }
        .yqhd {
            margin: 0;
            padding: 0;
            width: 55%;
            height: 30px;
            line-height: 30px;
            background-color: #fff;

            text-align: center;
            color: blueviolet;
            font-weight: bold;
            border-right: 1px solid #ccc;
        }
        .hdwt {
            margin: 0;
            padding: 0;          
            width: 55%;
            height: 30px;
            line-height: 30px;
            background-color: #fff;

            text-align: center;
            color: blueviolet;
            font-weight: bold;
            border-left: 0px solid #ccc;
        }
        .zw{
            width: 100%;
            height: 100%;
            background-color: #fff;
            margin-top: 7px;
        }
        .sm{
            text-indent: 2em;
            font-size: 10px;
            color: rgb(94, 94, 94);
            margin: 7px;
        }
        .zw p:nth-child(2){
            font-size: 13px;
            color: rgb(173, 170, 170);
            text-indent: 2em;
            margin: 10px;
        }
        .lastp{
            font-size: 13px;
            color: rgb(94, 94, 94);
            font-weight: bold;
            text-indent: 55px;
        }
        .zw img {
            width: 90%;
            margin: 0 10px 0 10px;
            border-radius: 10px;
        }
        .zw h3 {
            text-indent: 1em;
        }
        .user {
            
            padding: 5px;
        }
        .user img{
            width: 30px;
        }
        .user ul li:nth-child(1){
            font-size: 14px;
            font-weight: bold;
        }
        .user ul li:nth-child(2){
            font-size: 12px;
            color: #ccc;
        }
        .user span {
            float: right;
            width: 60px;
            line-height: 33px;
            color: rgb(154, 83, 235);
            font-size: 20px;
            font-weight: bold;
        }
        .plq {
            padding: 0;
            margin: 0;
            height: 47px;
        }
        .plq img {
            width: 30px;    
        }
        .plq ul li:nth-child(1){
            font-size: 12px;
            color: rgb(100, 100, 100);
        }
        .plq ul li:nth-child(2){
            font-size: 13px;
        }
        .plq span {
            float: right;
            width: 50px;
            line-height: 47px;
            color: rgb(154, 83, 235);
        }
        .plq input {
            padding: 0;
            margin: 0;
            width: 75%;
            border-radius: 20px;
            height: 18px;
            border:1px solid rgb(125, 113, 228);
            position: relative;
            top: -10px;
            color: #ccc;
            text-indent: 10px;
            font-size: 12px;
        }
        .main {
            display: none;
        }
        #nav img{
            width: 20px;
            display: inline-block;
        }
    </style>
</head>
<body>
    <div id="nav">
        <span class="iconfont icon-jiantou-copy jt"></span>
        <ul class="main">
            <li class="title">人类历史上下注最</li>
            <li class="xz">知乎 · 全部449个回答</li>
        </ul>

        <ul class="main">
            <li class="title">牧马<span> +关注</span></li>
            <li class="xz">吃饱了撑的</li>
        </ul>
        <span class="xhd">写回答</span>
        <span class="iconfont icon-sousuo1 sou"></span>
        <span class="iconfont icon-diandiandian1 gd"></span>
    </div>
    
<div id="box">
        <div class="title">
            <br><br><br>
            <p class="p1">人类历史上下注最大的一次赌博是什么？</p>         
            <p class="p2">知乎 · 468个回答  </p> 
        </div>
        <hr>
        <div class="hd">
            <span class="iconfont icon-yaoqinghuida1 yqhd" >邀请回答</span> 
            <span class="iconfont icon-xiehuida hdwt">写回答</span>
        </div>
        
        <div class="zw">
            <div class="user">
                <img src="images/tx6.jpg" >
                <ul>
                    <li>故事档案</li>
                    <li>知乎 官方账号</li>
                </ul>
                <span class="iconfont icon-jiaguanzhu"></span>
            </div>
                <p>
                    这个成绩，问的大年夜家理屈词穷！固然说什么的都有，但我们须要分析下标题！

                    先看标题，“人类历史”，这个就意味着全人类独特经历的历史，须要有特性！

                    “下注最大年夜的一次打赌”，意味着全人类跟某一未知停止了一次豪赌！

                    我想既然“最大年夜”，那应当赌的是全人类的独特福气！

                    生活还是毁灭？

                    根据全世界各国、各地区、各平易近族独特的历史阅从来看，有如许的打赌吗？
                    <img src="./images/nr10.jpg" alt="">

                    还真有！

                    地球原始住平易近“病毒”！

                    人类跟病毒停止过下注最大年夜的一次打赌！

                    人类在地球初生的时间，病毒就跟初生的人类停止过一次打赌！

                    是病毒毁灭人类，还是人类克服病毒！

                    此次豪赌，从人类初生一直持续到现在，“鼠疫病毒、天花病毒、艾滋病毒、狂犬病毒、登革热病毒、埃博拉病毒、西尼罗河病毒、禽流感病毒、疯牛病毒、非典病毒、新冠病毒”！随便一次下注，都是不计其数至亿万的人类生命！
                    生活还是毁灭？曾经不只仅是哲学成绩，而是一次人类历史高低注最大年夜的打赌！
                    <br>
                    英公投成全世界最大年夜政治赌局打赌公司成最大年夜赢家

                    <br>

                    参考消息网6月24日报道美媒称，假如问他的看法，戴维·豪（DavidHowe）会迫不及待地告诉你他有多么盼望英国退出欧盟。“我们须要掌控本人的边疆，”他说。

                    美国《纽约时报》网站6月24日《“全世界最大年夜的政治赌局”曾经有了赢家》报道，现在，对他来说这些不雅念跟他对女王近来戴的那顶帽子的见解一样重要。他更渴望晓得其他英国选平易近的看法，如许他才干赢些钱。

                    一个屏幕吸引着他的留神：那下面表现着所谓的“英国退出欧盟”（简称Brexit）的赔率。
                    <br> 近来多少天，屏幕上的数字向英国留在欧盟严重倾斜。出九英镑（约合国平易近币87.5元）赌英国留下只能赚两英镑。到了傍晚，赔率倾斜幅度更大年夜，表现选平易近支撑英国留在欧盟的可能性达80%。

                    面对英国退出欧盟激发的困惑，博彩市场曾经远不是消遣玩物，而是成了一个罕见的濒临大年夜众实在主意的信息来源，前提是终极证明它们是对的。

                    政治考察广泛表现选平易近立场分化。直到6月20日一名主意留在欧盟的下议院议员遇害前，大年夜众投票决定退出欧盟仿佛另有些容许能。
                    <br> 受考察成果的影响，投资者认为英国会退出欧盟，进而兜售英镑跟伦敦的股票，招致市场单方面下跌。然后，当考察成果慢慢向留在欧盟回归时，市场全线上涨。

                    参加博彩的人一直破场动摇，这表现出他们坚信经济成绩终极会克服身份政治。当差距临时收紧时，赌博的人揣摸选平易近会抉择留在欧盟。

                    “赌注大年夜得吓人，”网站PoliticalBetting.的开创人兼编辑迈克·史密森（MikeSmithson）说。这个网站的感化相称于政治变乱赌徒的彭博终端。“这是全世界最大年夜的一场政治赌局，史无前例。”
                </p>

                <p class="sm">编辑于 12-03 · 禁止转载</p>
                
                <h3>评论</h3>

                <div class="plq">
                    <img src="images/tx4.jpg" >
                    <ul>
                        <li>博的爱好</li>
                        <li>可见当时战况了的</li>
                    </ul>
                    <span class="iconfont icon-xihuan">26</span>
                </div>
                <div class="plq">
                    <img src="images/tx2.jpg" >
                    <ul>
                        <li>哈哈哈后</li>
                        <li>厉害啊</li>
                    </ul>
                    <span class="iconfont icon-xihuan">36</span>
                </div>
                
               <p class="lastp">查看全部评论</p>
                <br>
                <a href="#" class="plq">
                    <img src="images/tx5.jpg">
                    <input type="text" value="添加评论...">
                </a>

            <div id="dnav">
                <div class="ic ic1">
                    <span class="iconfont icon-shangsanjiaoxiangshangmianxing"></span>
                    赞同1.1万 | 
                    <span class="iconfont icon-shangsanjiaoxiangshangmianxing-copy"></span>
                </div>
                <div class="ic zan">
                        <span class="iconfont icon-heart "></span>
                        <h6>3164</h6>
                </div>
                <div class="ic sc">
                        <span class="iconfont icon-xing"></span>
                        <h6>3668</h6>
                </div>
                <div class="ic pl">
                        <span class="iconfont icon-pinglun"></span>
                    <h6>214</h6>
                </div>    
            </div>
        </div>
        
        
    
</div>

<script>
    var y=0;
    var nav = document.getElementById("nav");
    var ul = nav.querySelectorAll("ul");

    var x=0;
        box.ontouchstart = function(e){
            y = e.targetTouches[0].pageY;
            
        }
        box.addEventListener("touchmove",function(e){
            var t = e.touches[0];
           
        });
        box.ontouchend = function(e){
            var tx = e.changedTouches[0].pageY;
            if(tx > y){
                console.log("下滑");
                ul[0].style.display="block";
                ul[1].style.display="none";
            }else{
                console.log("上滑");
                ul[1].style.display="block";
                ul[0].style.display="none";
            }
        }


</script>


</body>
</html>